﻿/* nova base CSS */

.n-reset { margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none;}

.n-floatwrap:after,.n-slider-items:after{content:"";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
.n-floatwrap,.n-slider-items{display:inline-block;}
.n-floatwrap,.n-slider-items{display:block;}

/* main gradient */

.n-header,
.n-grid-header,
.n-toolbar,
.n-grouping-header,
.n-tooltip,
.n-grid-pager,
.n-tabstrip-items .n-item,
.n-link.n-state-hover,
.n-autocomplete,
.n-dropdown-wrap,
.n-picker-wrap,
.n-autocomplete.n-state-hover,
.n-dropdown-wrap.n-state-hover,
.n-picker-wrap.n-state-hover,
{
    background-repeat: repeat-x;
    background-position: 0 center;
}

.n-tabstrip,
.n-menu-vertical,
.n-editor,
.n-tooltip,
.n-state-hover,
.n-state-selected
{
    background-position: 0 -258px;
}

/* widget */

.n-widget,
.n-input[type="text"],
.n-picker-wrap .n-input,
.n-button
{
    font-size: 100%;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
}

/* button */

.n-button
{
    display: inline-block;
    margin: 0;
    padding: 0 6px 1px;
    background-repeat: repeat-x;
    background-position: 0 center;
    font-family: inherit;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
    outline: 0;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

*+html .n-button { overflow: visible; margin-right: 4px; }
*+html a.n-button { line-height: 1.6; padding-left: 7px; padding-right: 7px;/*+1*/ }

.n-button-icontext
{
    line-height: 1.453;
}

button.n-button::-moz-focus-inner,
input.n-button::-moz-focus-inner
{
    padding: 0;
    border: 0;
}

.n-button-expand
{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

a.n-button-expand
{
    display: block;
}

button.n-button-expand
{
    width: 100%;
}

body .n-button-icon
{
    padding-left: 4px;
    padding-right: 4px;
}
*+html a.n-button-icon { padding-left: 5px; padding-right: 5px;/*+1*/ }

.n-button-icontext
{
    padding-right: 8px;
    overflow: visible; /*IE9*/
}

.n-button-icontext .n-icon
{
    margin: 0 3px 0 -3px;
    vertical-align: top;
}
*+html .n-button-icontext .n-icon { margin-right: 4px; }

html body .n-button-bare
{
    background: none !important; /*spares long selectors*/
    border-width: 0;
}

/* link */

.n-link
{
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

.n-grid-header span.n-link
{
    cursor: default;
}

/* states */

.n-state-disabled,
.n-state-disabled .n-link,
.n-state-disabled .n-picker-wrap .n-icon,
.n-state-disabled .n-button,
.n-state-disabled .n-draghandle,
.n-state-disabled .n-slider .n-icon,
.n-state-disabled .n-upload-button input
{
    cursor: default;
    outline: none;
}

.n-state-error
{
    border-style: ridge;
}

.n-state-empty
{
    font-style: italic;
}

/* icons */

.n-icon,
.n-sprite,
.n-editor-button .n-tool-icon
{
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle;
}
*+html .n-icon, *+html .n-sprite { text-indent: 0; }

.n-expand { background-position: 0 -160px; }
.n-collapse { background-position: 0 -176px; }
.n-rtl .n-expand { background-position: -64px -160px; }

.n-plus, .n-plus-disabled { background-position: 0 -256px; }
.n-minus, .n-minus-disabled { background-position: -16px -256px; }

.n-rtl .n-plus, .n-rtl .n-plus-disabled { background-position: 0 -272px; }
.n-rtl .n-minus, .n-rtl .n-minus-disabled { background-position: -16px -272px; }

.n-state-disabled .n-arrow-up { background-position: -32px -160px; }
.n-state-disabled .n-arrow-down { background-position: -32px -176px; }

.n-state-hover .n-arrow-up { background-position: -48px -160px; }
.n-state-hover .n-arrow-down { background-position: -48px -176px; }

.n-arrow-up,
.n-state-focused .n-arrow-up { background-position: -16px -160px; }
.n-arrow-down,
.n-state-focused .n-arrow-down { background-position: -16px -176px; }

.n-numerictextbox .n-arrow-up { background-position: -16px -162px; }
.n-numerictextbox .n-arrow-down { background-position: -16px -178px; }

.n-arrow-up-small { background-position: 0 -304px; }
.n-arrow-down-small { background-position: -16px -304px; }

.n-arrow-first { background-position: 0 -192px; }
.n-arrow-prev { background-position: -16px -192px; }
.n-arrow-next { background-position: -32px -192px; }
.n-arrow-last { background-position: -48px -192px; }

.n-state-disabled .n-arrow-first { background-position: 0 -208px; }
.n-state-disabled .n-arrow-prev { background-position: -16px -208px; }
.n-state-disabled .n-arrow-next { background-position: -32px -208px; }
.n-state-disabled .n-arrow-last { background-position: -48px -208px; }

.n-state-hover .n-arrow-first { background-position: 0 -224px; }
.n-state-hover .n-arrow-prev { background-position: -16px -224px; }
.n-state-hover .n-arrow-next { background-position: -32px -224px; }
.n-state-hover .n-arrow-last { background-position: -48px -224px; }

.n-filter { background-position: 0 -240px; }
.n-clear-filter { background-position: -16px -240px; }

.n-refresh { background-position: -32px -240px; }
.n-icon-calendar { background-position: -48px -239px; }
.n-icon-clock { background-position: -64px -336px; }

.n-edit { background-position: 0 -336px; }
.n-delete { background-position: -16px -336px; }
.n-insert, .n-update { background-position: -32px -336px; }
.n-cancel { background-position: -48px -336px; }
.n-group-delete { background-position: 0 -288px; }

.n-maximize { background-position: -16px -288px; }
.n-restore { background-position: -32px -288px; }
.n-close { background-position: -64px -288px; }

.n-insert-top { background-position: 0 -320px; }
.n-insert-middle { background-position: -16px -320px; }
.n-insert-bottom { background-position: -32px -320px; }
.n-add { background-position: -48px -320px; }
.n-denied { background-position: -64px -320px; }

.n-image
{
    border: 0;
}

/* loading */

.n-loading,
.n-loading-image
{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

.n-loading-mask,
.n-loading-image,
.n-loading-text
{
    position: absolute;
}

.n-loading-text
{
    top: -4000px;
    left: -4000px;
}

.n-loading-image,
.n-loading-color
{
    width: 100%;
    height: 100%;
}
    
.n-loading-image
{
    top: 0;
    left: 0;
    z-index: 2;
}

.n-loading-color
{
    filter: alpha(opacity=30);
    opacity: .3;
}

/* drag n drop */

.n-drag-clue
{
    position: absolute;
    z-index: 10003;
    border-style: solid;
    border-width: 1px;
    font-size: .9em;
    padding: .05em .15em;
    white-space: nowrap;
    cursor: default;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.n-drag-status
{
    margin-top: -1px;
    margin-right: 4px;
    vertical-align: top;
}

.n-reorder-cue
{
    position: absolute;
    width: 1px;
    overflow: visible;
}

.n-reorder-cue .n-icon
{
    position: absolute;
    left: -4px;
    width: 8px;
    height: 4px;
}

.n-reorder-cue .n-arrow-down { top: -4px; background-position: -20px -182px; }
.n-reorder-cue .n-arrow-up { bottom: -4px; background-position: -20px -166px; }

/* virtual scrollbar */

.n-scrollbar
{
    position: absolute;
    overflow: scroll;
}

.n-scrollbar-vertical
{
    top: 0;
    right: 0;
    width: 17px; /* scrollbar width */
    height: 100%;
    overflow-x: hidden;
}

.n-touch-scrollbar
{
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .n-touch-scrollbar
    {
        height: 12px;
        width: 12px;
        -webkit-border-radius: 7px;
    }
}

/* Window */

div.n-window
{
    display: inline-block;
    position: absolute;
    z-index: 10001;
    border-style: solid;
    border-width: 1px;
    padding-top: 2em;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.n-window-titlebar
{
    position: absolute;
    width: 100%;
    height: 1.1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: -2em;
    padding: .4em 0;
    font-size: 1.2em;
    white-space: nowrap;

    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.n-window-title
{
    position: absolute;
    left: .5em;
    right: .5em;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis;
}

.n-window-title .n-image
{
    margin: 0 5px 0 0;
    vertical-align: middle;
}

div.n-window-content
{
    position: relative;
    z-index: -1;
    height: 100%;
    padding: .5em;
    overflow: auto;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.n-window-titlebar .n-window-actions
{
    position: absolute;
    top: 0;
    right: .5em;
    padding-top: .3em;
    white-space: nowrap;
}

.n-window-titlebar .n-window-action
{
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    filter: alpha(opacity=70);
    opacity: .7;
}

.n-window-titlebar .n-state-hover
{
    border-style: solid;
    border-width: 1px;
    padding: 1px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    filter: alpha(opacity=100);
    opacity: 1;
}

.n-window-action .n-icon
{
    margin: 0;
    vertical-align: top;
}

.n-window .n-resize-handle
{
    position: absolute;
    z-index: 1;
    background-color: #fff;
    font-size: 0;
    line-height: 6px;
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1;
}

.n-resize-n { top: -3px; left: 0; width: 100%; height: 6px; cursor: n-resize; }
.n-resize-e { top: 0; right: -3px; width: 6px; height: 100%; cursor: e-resize; }
.n-resize-s { bottom: -3px; left: 0; width: 100%; height: 6px; cursor: s-resize; }
.n-resize-w { top: 0; left: -3px; width: 6px; height: 100%; cursor: w-resize; }
.n-resize-se { bottom: -3px; right: -3px; width: 16px; height: 16px; cursor: se-resize; }
.n-resize-sw { bottom: -3px; left: -3px; width: 6px; height: 6px; cursor: sw-resize; }
.n-resize-ne { top: -3px; right: -3px; width: 6px; height: 6px; cursor: ne-resize; }
.n-resize-nw { top: -3px; left: -3px; width: 6px; height: 6px; cursor: nw-resize; }

.n-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

.n-window .n-overlay
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
}

.n-window .n-widget
{
    z-index: 10002;
}

/* TabStrip */

.n-tabstrip
{
    margin: 0;
    padding: 0;
    zoom: 1;
}

.n-tabstrip .n-tabstrip-items
{
    padding: 0.1em 0.3em 0;
}

.n-tabstrip-items .n-item,
.n-panelbar .n-tabstrip-items .n-item
{
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: .1em .3em 0 0;
    padding: 0;
    vertical-align: top;

    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.n-tabstrip-items .n-tab-on-top,
.n-tabstrip-items .n-state-active,
.n-panelbar .n-tabstrip-items .n-state-active
{
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.n-tabstrip-items .n-tab-on-top
{
    z-index: 1;
}

.n-tabstrip-items .n-link,
.n-panelbar .n-tabstrip-items .n-link
{
    display: inline-block;
    border-bottom-width: 0;
    padding: .3em .9em;
    outline: 0;
}

.n-tabstrip-items .n-state-hover .n-link
{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.n-tabstrip-items .n-icon,
.n-panelbar .n-tabstrip-items .n-icon
{
    margin: -1px 4px 0 -3px;
    vertical-align: top;
}

.n-tabstrip-items .n-item .n-image,
.n-tabstrip-items .n-item .n-sprite,
.n-panelbar .n-tabstrip-items .n-item .n-image,
.n-panelbar .n-tabstrip-items .n-item .n-sprite
{
    margin: -3px 3px 0 -6px;
    vertical-align: middle;
}

*+html .n-tabstrip-items .n-item .n-image,
*+html .n-tabstrip-items .n-item .n-sprite
{
    margin-top: -1px;
    vertical-align: top;
}

.n-tabstrip .n-content,
.n-panelbar .n-tabstrip .n-content
{
    display: none;
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .3em .3em;
    padding: .3em 1em;
    zoom: 1;
}

/* PanelBar */

.n-panelbar
{
    zoom: 1;
}

.n-panelbar .n-item
{
    list-style-type: none;
    display: block;
    border-width: 0;
    margin: 0;
    zoom: 1;

    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.n-panelbar .n-image,
.n-panelbar .n-sprite
{
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    vertical-align: middle;
}

.n-panelbar .n-group .n-image,
.n-panelbar .n-group .n-sprite
{
    margin-top: 1px;
}

.n-panelbar .n-link
{
    display: block;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0 1em;
    line-height: 2.05em;
    text-decoration: none;
    zoom: 1;
}

.n-panelbar-expand,
.n-panelbar-collapse
{
    position: absolute;
    top: 5px;
    right: 2px;
}

.n-panelbar .n-group,
.n-panelbar .n-content
{
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0;
    padding: 0;
    zoom: 1;
}

.n-panelbar .n-group .n-link
{
    border-bottom: 0;
    font-size: .95em;
    line-height: 1.7em;
}

.n-panelbar .n-group .n-arrow-up,
.n-panelbar .n-group .n-arrow-down
{
    top: 2px;
}

.n-panelbar .n-group .n-group .n-link
{
    padding-left: 2em;
}

.n-panelbar .n-last .n-link
{
    border-bottom: 0;
}

.n-panelbar .n-group .n-group
{
    border-bottom: 0;
}

.n-tabstrip .n-panelbar .n-content
{
    display: block;
}

/* Menu */

.n-menu
{
    cursor: default;
}

.n-menu,
.n-menu .n-group
{
    list-style: none;
    margin: 0;
    padding: 0;
    zoom: 1;
}

.n-menu .n-group .n-link
{
    padding-right: 2em;
}

.n-menu .n-item
{
    position: relative;
    float: left;
    border-style: solid;
    border-width: 0 1px 0 0;
    line-height: 16px;
    vertical-align: top;
    zoom: 1;
}

.n-menu:after /* add a clear fix to expand content */
{
    content: '\A0';
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.n-menu .n-item .n-item,
.n-menu-vertical .n-item
{
    display: block;
    float: none;
    border-width: 0;
}

*+html .n-menu .n-item .n-item,
*+html .n-menu-vertical .n-item
{
    zoom: normal;
    
}

.n-menu .n-image,
.n-menu .n-sprite
{
    margin: 0 4px 0 -4px;
    vertical-align: top;
}

.n-menu .n-link
{
    display: block;
    padding: .25em .97em;
}

.n-menu .n-group
{
    display: none;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    white-space: nowrap;
}

.n-menu .n-group .n-item
{
    display: block;
    border-width: 0;
}

*+html .n-menu .n-group .n-link
{
    width: 100%;
}

.n-menu .n-arrow-down
{
    margin-left: 2px;
    margin-right: -10px;
    vertical-align: top;
}

.n-menu .n-arrow-next
{
    position: absolute;
    top: 3px;
    right: 0;
}

.n-menu .n-animation-container,
.n-menu .n-group
{
    position: absolute;
    left: -1px;
}

.n-menu .n-animation-container .n-animation-container,
.n-menu .n-group .n-group,
.n-menu-vertical .n-animation-container,
.n-menu-vertical .n-group
{
    top: -1px;
    left: 100%;
}

.n-menu .n-animation-container .n-group
{
    top: auto;
    left: auto;
}

.n-menu .n-separator
{
    padding: 0.25em 0;
    height: 100%;
    width: 1px;
    border-width: 0 1px 0 0;
}

.n-menu-vertical .n-separator,
.n-menu .n-group .n-separator
{
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0;
}

/* Grid */

.n-grid
{
    position: relative;
    zoom: 1;
}

.n-grid table
{
    width: 100%;
    border-collapse: separate;
    empty-cells: show;
    border-width: 0;
}

.n-grid-header .n-header
{
    text-align: left;
}

.n-grid-header .n-header
{
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .3em .6em;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.n-grid-header .n-header .n-link
{
    display: block;
    height: 18px;
    line-height: 18px; /* due to sorting icons*/
    margin: -.3em -.6em;
    padding: .3em 2.4em .3em .6em;
}

.n-grid-header .n-header .n-icon
{
    position: static;
}

.n-grid .n-state-hover
{
    cursor: pointer;
}

.n-grid td
{
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: .25em .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.n-grid .n-grouping-row td
{
    overflow: visible;
}

.n-grid-header-wrap,
.n-grid-footer-wrap
{
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 0 0;
    zoom: 1;
}

div.n-grid-header,
div.n-grid-footer
{
    padding-right: 17px; /* scrollbar width; may vary; can be calculated */
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1;
}

div.n-grid-header .n-header
{
    border-bottom-width: 0;
}

.n-grid-content
{
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
}

.n-virtual-scrollable-wrap
{
    height: 100%;
    overflow: hidden;
}

.n-grid-header table,
.n-grid-content table,
.n-grid-footer table
{
    table-layout: fixed;
}

*+html .n-grid-content table { width: auto; }

.n-grid-toolbar
{
    border-style: solid;
    border-width: 1px 0 0;
}

.n-grid-header .n-header:first-child,
.n-grid tbody td:first-child,
.n-grid tfoot td:first-child
{
    border-left-width: 0;
}

/* Grid :: paging */

.n-grid-pager
{
    overflow: auto;
    border-style: solid;
    border-width: 1px 0 0;
    padding: .2em .6em;
    line-height: 1.8em;
}

.n-grid-pager:first-child,
.n-grouping-header+.n-grid-pager,
.n-grid-toolbar:first-child,
.n-grouping-header+.n-grid-toolbar
{
    border-width: 0 0 1px;
}

*+html .n-grid-pager input { vertical-align: middle; }

.n-grid .n-pager,
.n-grid .n-status-text,
.n-pager .n-numeric,
.n-pager .n-page-i-of-n,
.n-pager .n-link,
.n-pager span,
.n-pager input,
.n-pager .n-page-size,
.n-grouping-row p
{
    display: inline-block;
    vertical-align: middle;
}

.n-pager .n-page-size
{
    line-height: 1.2em;
}

.n-pager li
{
    display: inline;
}

.n-footer-template td
{
    border-style: solid;
    border-width: 1px 0 0 1px;
}

.n-group-footer td
{
    border-style: solid;
    border-width: 1px 0;
}

.n-grid-footer
{
    border-style: solid;
    border-width: 1px 0 0;
}

.n-grid-footer td
{
    border-top-width: 0;
}

.n-grid .n-pager
{
    float: left;
    cursor: default;
}

.n-grid .n-status-text
{
    float: right;
    margin-right: .2em;
}

.n-pager .n-link
{
    border-width: 0;
    margin-top: .2em;
    padding: 1px;
    line-height: 16px;
    text-decoration: none;
}

.n-pager .n-state-active,
.n-pager .n-state-hover
{
    border-style: solid;
    border-width: 1px;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.n-pager span,
.n-pager .n-link
{
    vertical-align: top;
}

.n-pager .n-numeric,
.n-pager .n-page-i-of-n
{
    margin: 0 7px;
    vertical-align: top;
}

.n-numeric .n-link,
.n-numeric .n-state-active
{
    margin-top: 0;
    padding: 0 5px;
    line-height: 22px;
    vertical-align: top;
}

.n-numeric .n-state-active,
.n-numeric .n-state-hover
{
    padding: 0 6px;
    line-height: 20px;
}

.n-page-i-of-n input
{
    width: 2em;
    font-size: 1em;
    vertical-align: baseline;
}

/* Grid :: filtering */

.n-grid-filter
{
    position: relative;
    display: inline-block;
    float: right;
    height: 18px;
    margin: -1.8em -.6em -.3em 3px;
    padding: .3em .2em;
}

.n-grid-filter .n-icon
{
    vertical-align: top;
}

.n-grid .n-animation-container
{
    position: absolute;
}

.n-grid .n-filter-options
{
    position: absolute;
    width: 148px;
    border-style: solid;
    border-width: 1px;
    padding: 3px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.n-filter-options .n-filter-help-text,
.n-filter-options select,
.n-filter-options input,
.n-filter-options .n-button,
.n-filter-options .n-datepicker
{
    display: block;
    margin-bottom: 4px;
}

.n-filter-options select { width: 148px; }
.n-filter-options input { width: 142px; }
.n-filter-options .n-datepicker { width: 100%; }

.n-filter-options .n-filter-button
{
    margin-bottom: 0;
}

/* Grid :: grouping */

.n-grouping-row .n-icon
{
    margin: 0 4px;
}

.n-grouping-row p
{
    margin-left: -.6em;
    padding: 0 .6em;
}

.n-grid .n-group-cell+td,
.n-grid .n-hierarchy-cell+td
{
    border-left-width: 0;
}

.n-grid .n-group-col,
.n-grid .n-hierarchy-col
{
    width: 30px;
}

.n-grouping-header
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.n-grouping-header,
.n-grouping-dropclue
{
    height: 24px;
    line-height: 24px;
}

.n-grouping-dropclue
{
    position: absolute;
    width: 6px;
}

.n-grouping-header .n-group-indicator
{
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    margin: 0 3px;
    padding: .15em .15em .15em .4em;
    line-height: 1.5em;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.n-grouping-header .n-link
{
    display: inline-block;
    border-width: 0;
    padding: 0;
    line-height: normal;
    text-decoration: none;
}

.n-grouping-header .n-button
{
    border: 0;
    padding: 0;
    background: transparent;
    line-height: 1;
}

.n-grouping-header .n-link .n-icon
{
    margin: 0 0 0 -3px;
}

.n-grouping-header .n-button .n-icon
{
    margin: 0 0 0 3px;
}

.n-grouping-header a,
.n-grouping-header .n-button
{
    display: inline-block;
    vertical-align: middle;
}

.n-grouping-dropclue
{
    background-repeat: no-repeat;
    background-position: -48px -288px;
}

.n-treeview .n-drop-hint
{
    background-position: 0 -358px;
}

/* Grid :: editing */

.n-dirty
{
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: #f00 transparent transparent #f00;
    margin: -0.45em 0 0 -0.6em;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
}

.n-grouping-header,
.n-grid-toolbar
{
    margin: 0;
    padding: .25em;
    cursor: default;
}

.n-grid .n-edit-container
{
    padding: 0;
}

.n-edit-form
{
    margin: 0;
    padding: 0;
}

.n-grid-edit-row .n-edit-form td
{
    border-bottom-width: 0;
}

.n-grid-edit-row .text-box,
.n-grid-edit-row .n-numerictextbox,
.n-grid-edit-row .n-datepicker
{
    width: 5em;
    max-width: 90%;
    min-width: 90%; /* IE8 calculates width: 90% wrong, so we have to trick it */
    margin: -.4em -.3em -.15em;
    vertical-align: middle;
}

.n-grid-edit-row .n-dropdown,
.n-grid-edit-row .n-combobox
{
    width: 5em;
    max-width: 90%;
    min-width: 90%; /* IE8 calculates width: 90% wrong, so we have to trick it */
    margin: -.1em -.3em -.45em;
    line-height: normal;
}

.n-edit-form-container
{
    position: relative;
}

.n-grid .field-validation-error
{
    display: block;
}

.n-grid .input-validation-error
{
    border-style: ridge;
    border-color: #f00;
    background-color: #ffc0cb;
}

.n-grid-toolbar .n-button
{
    vertical-align: middle;
}

.n-grid-actions
{
    display: inline-block;
}

*+html .n-grid-actions{ vertical-align: bottom; }

.n-grid .n-button,
.n-edit-form .n-button
{
    margin: 0 .2em;
}

.n-grid tbody .n-button
{
    min-width: 64px; /*main setting*/
}

.n-grid tbody button.n-button, #ie8#skips
{
    min-width: 78px; /*+14 for buttons, except IE8*/
}

*+html .n-grid tbody a.n-button
{
    min-width: 62px; /*-2 for links for IE7*/
}

html body .n-grid tbody .n-button-icon
{
    width: auto;
    min-width: 0;
}

.n-detail-row
{
    position: relative;
}

.n-grid .n-detail-cell
{
    overflow: visible;
}

/* Grid :: resizing */

.n-grid-resize-indicator
{
    position: absolute;
    width: 2px;
    background-color: #aaa;
}

.n-grid .n-resize-handle
{
    position: absolute;
    height: 25px;
    cursor: col-resize;
}

.n-marquee
{
    position: absolute;
    filter: alpha(opacity=30);
    opacity: .3;
}

/* ComboBox & DropDownList */

div.n-datepicker,
div.n-combobox,
div.n-dropdown
{
    background: none;
}

.n-autocomplete,
.n-combobox,
.n-datepicker,
.n-dropdown,
.n-selectbox
{
    position: relative;
    display: inline-block;
    width: 150px;
    overflow: visible;
    border-width: 0;
    white-space: nowrap;
    vertical-align: top;
}

.n-autocomplete,
.n-dropdown-wrap,
.n-picker-wrap
{
    position: relative;
    cursor: default;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.n-calendar-container .n-header
{
    background: none;
}

.n-list-container,
.n-calendar-container
{
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 2px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.n-calendar-container.n-state-border-up,
.n-list-container.n-state-border-up,
.n-autocomplete.n-state-border-up,
.n-dropdown-wrap.n-state-border-up,
.n-picker-wrap.n-state-border-up
{
    border-top: 0;
    padding-top: 3px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.n-calendar-container.n-state-border-down,
.n-list-container.n-state-border-down,
.n-autocomplete.n-state-border-down,
.n-dropdown-wrap.n-state-border-down,
.n-picker-wrap.n-state-border-down
{
    border-bottom: 0;
    padding-bottom: 3px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.n-animation-container .n-calendar-container,
.n-list-container.n-state-border-right
{
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.n-autocomplete,
.n-dropdown-wrap,
.n-picker-wrap
{
    border-width: 1px;
    border-style: solid;
    padding: 2px 24px 2px 2px;
}

.n-autocomplete
{
    padding: 2px;
}

.n-autocomplete,
.n-dropdown-wrap.n-state-focused,
.n-dropdown-wrap.n-state-hover,
.n-picker-wrap.n-state-focused,
.n-picker-wrap.n-state-hover
{
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    -moz-transition: -moz-box-shadow .15s ease-out;
    -o-transition: box-shadow .15s ease-out;
    -ms-transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
}

.n-picker-wrap .n-input,
.n-combobox .n-input
{
    width: 100%;
    vertical-align: top;
}

.n-picker-wrap .n-input,
.n-dropdown-wrap .n-input,
.n-selectbox .n-input
{
    font-family: inherit;
    border-width: 0;
    outline: 0;
}

.n-dropdown .n-input,
.n-selectbox .n-input
{
    background: transparent;
}

*+html .n-picker-wrap .n-input, *+html .n-combobox .n-input { margin: -1px 0; } /* removes excessive spacing */

.n-picker-wrap .n-select,
.n-dropdown-wrap .n-select
{
    position: absolute; /* icon positioning */
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    cursor: default;
}

.n-combobox .n-select,
.n-picker-wrap .n-select
{
    border-style: solid;
    border-width: 0;
    border-color: inherit; /* skin-related, inherit does not work in ie7- */
}

.n-picker-wrap .n-select
{
    padding: 0 2px;
}

div.n-datetimepicker .n-select
{
    right: 21px;
}

div.n-datetimepicker .n-select+.n-select
{
    right: 0;
}

.n-autocomplete
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.n-autocomplete .n-input
{
    display: block;
}

.n-combobox .n-icon
{
    margin-top: 1px;
}

.n-dropdown .n-select,
.n-selectbox .n-select
{
    overflow: hidden;
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit;
    cursor: default;
}

.n-dropdown .n-input,
.n-selectbox .n-input
{
    display: block;
    min-height: 1.35em;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.166em 0 0.166em 3px;
}

.n-picker-wrap .n-select,
.n-dropdown-wrap .n-select
{
    position: absolute;
    top: 0;
    right: 0;
}

.n-picker-wrap .n-icon,
.n-dropdown-wrap .n-icon
{
    height: 18px;
}

.n-autocomplete .n-input,
.n-dropdown-wrap .n-input,
.n-picker-wrap .n-input
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.n-autocomplete .n-input,
.n-picker-wrap .n-input,
.n-combobox .n-input
{
    min-height: 1.35em;
    line-height: 1.35em;
    padding: 0.166em 0;
    text-indent: 4px;
    border: 0;
    margin: 0;
}

.n-picker-wrap .n-select,
.n-dropdown-wrap .n-select
{
    min-height: 1.35em;
    line-height: 1.35em;
    vertical-align: middle;
    padding: 3px 5px;
}

.n-dropdown-wrap .n-select,
.n-picker-wrap .n-select,
.n-datetimepicker .n-select+.n-select
{
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.n-datetimepicker .n-select
{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.n-popup
{
    border-style: solid;
    border-width: 1px;
}

.n-popup .n-item
{
    cursor: default;
}

.n-popup .n-calendar
{
    border: 0;
}

.n-list
{
    height: 100%;
}

.n-list .n-item
{
    padding: 1px 5px 1px 5px;
    line-height: 22px;
}

.n-list .n-state-hover,
.n-list .n-state-focused,
.n-list .n-state-selected
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 4px;
    border-width: 1px;
    border-style: solid;
}

/* Calendar */

.n-calendar
{
    position: relative;
    display: inline-block;
    width: 203px;
    overflow: hidden;
}

.n-calendar td,
.n-calendar .n-link
{
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.n-calendar .n-action-link
{
    text-decoration: underline;
}

.n-calendar .n-header,
.n-calendar .n-footer
{
    position: relative;
    text-align: center;
    zoom: 1;
}

.n-calendar .n-nav-prev,
.n-calendar .n-nav-next
{
    position: absolute;
    top: .3em;
}
.n-calendar .n-nav-prev { left: 1%; }
.n-calendar .n-nav-next { right: 1%; }

.n-calendar .n-content
{
    display: table;
    float:left;
    border-spacing: 0;
    width: 100%;
    height: 169px;
    border-width: 0;
    margin: 0;
    table-layout: fixed;
    text-align: right;
}

*+html .n-calendar .n-content{display: block;}

.n-calendar .n-animation-container .n-content
{
    height: 100%;
}

.n-calendar .n-nav-fast
{
    display: inline-block;
    width: 75%;
    margin: .4em 0;
}

.n-calendar .n-nav-fast .n-icon
{
    vertical-align: top;
}

.n-calendar th
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: normal;
    cursor: default;
}

.n-calendar td
{
    padding: 1px;
    cursor: pointer;
}

.n-calendar .n-state-focus
{
    border-style: dotted;
    border-width: 1px;
    padding: 0;
}

.n-calendar .n-content .n-link
{
    position: relative;
    display: block;
    overflow: hidden;
}

.n-calendar th,
.n-calendar .n-content .n-link
{
    padding: .25em .45em .3em .1em;
}

.n-calendar .n-meta-view .n-link
{
    padding: .25em 0 .3em;
    text-align: center;
}

.n-calendar .n-footer
{
    clear:both;
    padding: .4em 0;
}

.n-calendar .n-nav-today:hover
{
    text-decoration:underline;
}

/* Date/Time Pickers */

.n-timepicker,
.n-datetimepicker,
.n-datepicker
{
    width: 8.5em;
    border: 0;
    white-space: nowrap;
}

.n-datetimepicker
{
    width: 13em;
}

div.n-timepicker,
div.n-datetimepicker,
div.n-datepicker
{
    background-color: transparent; /* due to n-widget */
}

.n-datetimepicker .n-picker-wrap
{
    padding-right: 44px;
}

.n-picker-wrap .n-icon
{
    cursor: pointer;
}

.n-timepicker,
.n-datepicker,
.n-datetimepicker
{
    display: inline-block;
    vertical-align: top;
}

.n-picker-wrap .n-input
{
    margin: 0;
}

.n-time-popup .n-item
{
    padding: 1px 3px;
}

/* TreeView */

div.n-treeview
{
    /* due to n-widget */
    border-width: 0;
    background: none;
    overflow: auto;
    white-space: nowrap;
}

.n-treeview .n-item
{
    /*position: static;
    top: auto;*/ /*?*/
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px;
}

.n-treeview .n-group,
.n-treeview .n-content
{
    margin: 0;
    padding: 0;
    background: none;
    list-style-type: none;
}

.n-treeview .n-animation-container
{
    height: auto !important;
}

.n-treeview .n-icon,
.n-treeview .n-image,
.n-treeview .n-sprite,
.n-treeview .n-in
{
    display: inline-block;
    vertical-align: top;
}

.n-treeview .n-plus,
.n-treeview .n-minus,
.n-treeview .n-plus-disabled,
.n-treeview .n-minus-disabled
{
    float: left;  /* Opera */
    margin-top: 2px;
    margin-left: -16px;
    cursor: pointer;
}

.n-treeview .n-plus-disabled,
.n-treeview .n-minus-disabled
{
    cursor: default;
}

.n-treeview .n-sprite,
.n-treeview .n-image
{
    margin-right: 3px;
}

.n-treeview .n-in
{
    margin: 1px 0 1px 2px;
    padding: 2px 4px 2px 3px;
    line-height: 16px;
    text-decoration: none;
}

.n-treeview span.n-in
{
    cursor: default;
}

.n-treeview .n-state-hover,
.n-treeview .n-state-selected
{
    border-style: solid;
    border-width: 1px;
    padding: 1px 3px 1px 2px;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.n-treeview .n-drop-hint
{
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat;
}

/* TreeView :: node lines */

.n-treeview-lines .n-top,
.n-treeview-lines .n-mid,
.n-treeview-lines .n-bot
{
    margin-left: -16px;
    padding-left: 16px;
    background-repeat: no-repeat;
}

.n-treeview-lines .n-item
{
    background-repeat: no-repeat;
}

.n-treeview-lines .n-top { background-position: -91px 0; }
.n-treeview-lines .n-bot { background-position: -69px -22px; }
.n-treeview-lines .n-mid { background-position: -47px -44px; }
.n-treeview-lines .n-last .n-top { background-position: -25px -66px; }
.n-treeview-lines .n-group .n-last .n-bot { background-position: -69px -22px; }
.n-treeview-lines .n-first { background-position: 0 16px; }

/* inputs */

.n-input
{
    padding: 0.25em 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
}

/* NumericTextBox */

div.n-numerictextbox
{
    display: inline-block;
    vertical-align: middle;
    border: 0;
    background: transparent;
    white-space: nowrap;
}

.n-numerictextbox .n-input /*alignment of arrows in WebKit*/
{
    margin: 0;
}

.n-formatted-value
{
    position: absolute;
    padding: 3px 4px 2px 3px;
}

.n-numerictextbox .n-icon
{
    margin-left: -16px;
}

.n-numerictextbox .n-link
{
    display: inline-block;
    border-width: 0;
}

.n-numerictextbox .n-arrow-up
{
    height: 10px;
    margin-top: 1px;
    vertical-align: top;
}

.n-numerictextbox .n-arrow-down
{
    height: 11px;
    margin-bottom: 1px;
    vertical-align: bottom;
}

/* ColorPicker */

.n-colorpicker
{
    display: inline-block;
    vertical-align: middle;
}

.n-colorpicker .n-tool-icon
{
    display: inline-block;
    vertical-align: top;
    padding: 2px 3px;
    font-size: 0;
    line-height: 0;
}

.n-colorpicker .n-selected-color
{
    display: block;
    height: 16px;
    width: 16px;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.n-colorpicker .n-icon
{
    margin-top: 2px;
    vertical-align: middle;
}

.n-colorpicker-popup
{
    width: 136px;
    line-height: 0;
}

.n-colorpicker-popup .n-reset
{
    display: inline-block;
    margin: 0;
    padding: .25em;
}

.n-colorpicker-popup .n-item
{
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    overflow: hidden;
    font-size: 0;
    margin: 0 1px 1px 0;
    padding: 0;
}

/* Editor */

.n-editor
{
    width: 100%;
    height: 250px;
    table-layout: fixed;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    font-size: 100%;
    vertical-align: top;
}

.n-editor .n-editor-toolbar-wrap
{
    border: 0;
    padding: 0;
}

.n-editor-toolbar
{
    margin: 0;
    padding: .1em 0;
    list-style-type: none;
    line-height: 1.3em;
    cursor: default;
}

.n-editor-toolbar li
{
    display: inline; /* would have been inline-block, if not for IE */
    vertical-align: middle;
}

.n-editor-toolbar .n-editor-dropdown,
.n-editor-toolbar .n-editor-combobox,
.n-editor-toolbar .n-editor-selectbox,
.n-editor-toolbar .n-editor-colorpicker
{
    margin-right: 2px;
}

.n-editor-toolbar .n-separator
{
    position: relative;
    top: 1px;
    border-style: solid;
    border-width: 0 1px 0 0;
    margin: 0 .15em;
    padding: 0 0 0 1px;
    font-size: 1.3em;
}

.n-editor-toolbar .n-break
{
    display: block;
    height: 1px;
    font-size: 0;
    line-height: 0;
}

.n-editor-toolbar .n-dropdown,
.n-editor-toolbar .n-combobox,
.n-editor-toolbar .n-selectbox,
.n-editor-toolbar .n-colorpicker
{
    vertical-align: middle;
}

.n-editor-button .n-tool-icon
{
    width: 22px;
    height: 22px;
    margin: 1px;
    vertical-align: middle;
}

.n-editor-colorpicker .n-tool-icon
{
    padding: 17px 3px 2px;
}

.n-editor-colorpicker .n-icon
{
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #ccc;
}

.n-editor-colorpicker .n-selected-color
{
    height: 3px;
}

.n-editor-combobox .n-input
{
    height: 20px;
    line-height: 20px;
}

.n-editor-combobox .n-select
{
    height: 22px;
    line-height: 22px;
}

.n-bold { background-position: -22px 0; }
.n-italic { background-position: -44px 0; }
.n-underline { background-position: -66px 0; }
.n-strikethrough { background-position: -88px 0; }
.n-justifyLeft { background-position: -110px 0; }
.n-justifyCenter { background-position: -132px 0; }
.n-justifyRight { background-position: -154px 0; }
.n-justifyFull { background-position: -176px 0; }
.n-insertOrderedList { background-position: -198px 0; }
.n-insertUnorderedList { background-position: -220px 0; }
.n-createLink { background-position: -242px 0; }
.n-unlink { background-position: -264px 0; }
.n-insertImage { background-position: -286px 0; }
.n-foreColor .n-tool-icon { background-position: -308px -2px; }
.n-backColor .n-tool-icon { background-position: -330px -2px; }
.n-indent { background-position: -352px 0; }
.n-outdent { background-position: -374px 0; }

/* default tool widths */
.n-fontName { width: 110px; }
.n-fontSize { width: 124px; }
.n-formatBlock { width: 147px; }

.n-editor-button .n-state-hover,
.n-editor-button .n-state-active
{
    border-style: solid;
    border-width: 1px;
    margin: 0;
    vertical-align: middle;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.n-editor-button .n-state-disabled
{
    filter: alpha(opacity=30);
    opacity: .3;
}

.n-editor .n-editable-area
{
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    outline: none;
}

.n-editor .n-content
{
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
}

.n-editor iframe.n-content
{
    display: inline;
    vertical-align: top; /*fixes missing top border caused by the inline display*/
}

.n-editor .n-raw-content
{
    border: 0;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: consolas, "courier new", monospace;
}

.n-editor-dialog
{
    padding: 1em;
}

.n-editor-dialog ol
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.n-form-text-row,
.n-form-checkbox-row
{
    padding-bottom: 1em;
}

.n-form-text-row label
{
    display: inline-block;
    width: 7em;
    padding-right: .5em;
    text-align: right;
}

.n-form-checkbox-row input
{
    margin-left: 7em;
    padding: 0;
    font-size: inherit;
}

.n-form-checkbox-row label
{
    padding-left: .3em;
}

.n-form-checkbox-row input,
.n-form-checkbox-row label,
.n-form-text-row label
.n-form-text-row input,
.n-form-text-row select
{
    vertical-align: middle;
}

.n-form-text-row input,
.n-form-text-row select
{
    width: 20em;
}

.n-editor-dialog .n-button-wrapper
{
    padding-top: .5em;
    text-align: right;
}

.n-editor-dialog .n-button
{
    display: inline-block;
}

/* Slider */

div.n-slider
{
    position: relative;
    border-width: 0;
    background-color: transparent;

    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.n-slider-vertical
{
    width: 22px;
    height: 200px; /* default height */
}

.n-slider-horizontal
{
    display: inline-block;
    width: 200px; /* default width */
    height: 22px;
}

.n-slider-wrap
{
    width: 100%;
    height: 100%;
}

.n-slider .n-button,
.n-grid .n-slider .n-button
{
    position: absolute;
    top: 0;
    width: 20px;
    min-width: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    outline: none;
}

.n-slider .n-button .n-icon
{
    margin-top: 2px;
    vertical-align: top;
}

.n-state-disabled .n-slider-wrap
{
    filter: alpha(opacity=60);
    opacity: .6;
}

.n-state-disabled .n-slider-wrap .n-slider-items
{
    color: #333;
}

.n-slider .n-button-decrease
{
    left: 0;
}

.n-slider-vertical .n-button-decrease,
.n-grid .n-slider-vertical .n-button-decrease
{
    top: auto;
    bottom: 0;
}

.n-slider .n-button-increase
{
    right: 0;
}

.n-slider .n-icon
{
    cursor: pointer;
}

*+html .n-slider .n-icon { margin-top: 2px; }

.n-slider-track,
.n-slider-selection
{
    position: absolute;
    margin: 0;
    padding: 0;
}

.n-slider-horizontal .n-slider-track,
.n-slider-horizontal .n-slider-selection
{
    top: 50%;
    left: 0;
    height: 6px;
    margin-top: -3px;
    background-repeat: repeat-x;
}

.n-slider-horizontal .n-slider-track
{
    border-style: solid;
    border-width: 0 1px;
    background-position: 0 -464px;
}

.n-slider-horizontal .n-slider-selection
{
    background-position: 0 -470px;
}

.n-slider-horizontal .n-slider-buttons .n-slider-track
{
    left: 27px;
}

.n-slider-vertical .n-slider-track,
.n-slider-vertical .n-slider-selection
{
    left: 50%;
    bottom: 0;
    width: 6px;
    margin-left: -3px;
    background-repeat: repeat-y;
}

.n-slider-vertical .n-slider-track
{
    border-style: solid;
    border-width: 1px 0;
    background-position: 0 0;
}

.n-slider-vertical .n-slider-selection
{
    background-position: -6px 0;
}

.n-slider-vertical .n-slider-buttons .n-slider-track
{
    bottom: 27px;
}

.n-draghandle
{
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -3333px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.n-slider-horizontal .n-draghandle
{
    top: -7px;
    width: 11px;
    height: 20px;
}

.n-slider-vertical .n-draghandle
{
    left: -7px;
    width: 20px;
    height: 11px;
}

.n-slider-horizontal .n-draghandle,
.n-state-disabled.n-slider-horizontal a.n-draghandle,
.n-state-disabled .n-slider-horizontal a.n-draghandle
{
    background-position: 0 -368px;
}
.n-slider-horizontal .n-draghandle:hover,
.n-slider-horizontal .n-draghandle:focus
{
    background-position: 0 -400px;
}
.n-slider-horizontal a.n-draghandle.n-state-active
{
    background-position: 0 -432px;
}

.n-slider-vertical .n-draghandle,
.n-state-disabled.n-slider-vertical a.n-draghandle,
.n-state-disabled .n-slider-vertical a.n-draghandle
{
    background-position: -32px -368px;
}
.n-slider-vertical .n-draghandle:hover,
.n-slider-vertical .n-draghandle:focus
{
    background-position: -32px -400px;
}
.n-slider-vertical a.n-draghandle.n-state-active
{
    background-position: -32px -432px;
}

.n-slider .n-slider-track .n-state-active
{
    border: 0;
	background-position: 0 -432px;
    background-color: transparent;
}

.n-slider-buttons .n-slider-items
{
    margin-left: 27px;
}

.n-slider-horizontal .n-slider-items
{
    height: 100%;
}

.n-slider-vertical .n-slider-items
{
    padding-top: 1px;
}

.n-slider-vertical .n-slider-buttons .n-slider-items
{
    padding-top: 0;
}

.n-slider-vertical .n-slider-buttons .n-slider-items
{
    margin: 0;
    padding-top: 28px;
}

.n-slider .n-tick
{
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default;
}

.n-slider-horizontal .n-tick
{
    float: left;
    height: 100%;
    text-align: center;
}

/* fixes ticks position and removes spacing between them in IE7 */
*+html .n-slider-vertical .n-tick { float: left; clear: left; width: 100%; }

.n-slider-horizontal .n-tick { background-position: center -94px; }
.n-slider-horizontal .n-slider-topleft .n-tick { background-position: center -124px; }
.n-slider-horizontal .n-slider-bottomright .n-tick { background-position: center -154px; }

.n-slider-horizontal .n-ticn-large { background-position: center -4px; }
.n-slider-horizontal .n-slider-topleft .n-ticn-large { background-position: center -34px; }
.n-slider-horizontal .n-slider-bottomright .n-ticn-large { background-position: center -64px; }

.n-slider-vertical .n-tick { background-position: -94px center; }
.n-slider-vertical .n-slider-topleft .n-tick { background-position: -124px center; }
.n-slider-vertical .n-slider-bottomright .n-tick { background-position: -154px center; }

.n-slider-vertical .n-ticn-large { background-position: -4px center; }
.n-slider-vertical .n-slider-topleft .n-ticn-large { background-position: -34px center; }
.n-slider-vertical .n-slider-bottomright .n-ticn-large { background-position: -64px center; }

.n-slider-horizontal .n-first { background-position: 0 -4px; }
.n-slider-horizontal .n-slider-topleft .n-first { background-position: 0 -34px; }
.n-slider-horizontal .n-slider-bottomright .n-first { background-position: 0 -64px; }

.n-slider-horizontal .n-last { background-position: 100% -4px; }
.n-slider-horizontal .n-slider-topleft .n-last { background-position: 100% -34px; }
.n-slider-horizontal .n-slider-bottomright .n-last { background-position: 100% -64px; }

.n-slider-vertical .n-first { background-position: -4px 100%; }
.n-slider-vertical .n-slider-topleft .n-first { background-position: -34px 100%; }
.n-slider-vertical .n-slider-bottomright .n-first { background-position: -64px 100%; }

.n-slider-vertical .n-last { background-position: -4px 0; }
.n-slider-vertical .n-slider-topleft .n-last { background-position: -34px 0; }
.n-slider-vertical .n-slider-bottomright .n-last { background-position: -64px 0; }

.n-slider-vertical .n-tick
{
    text-align: right;
}

.n-slider-vertical .n-slider-topleft .n-tick
{
    text-align: left;
}

.n-slider .n-label
{
    position: absolute;
    white-space: nowrap;
}

.n-slider-horizontal .n-label
{
    left: 0;
    width: 100%;
}

.n-slider-horizontal .n-first .n-label
{
    left: -50%;
}

.n-slider-horizontal .n-last .n-label
{
    left: auto;
    right: -50%;
}

.n-slider-horizontal .n-label
{
    bottom: -1.2em;
}

.n-slider-horizontal .n-slider-topleft .n-label
{
    top: -1.2em;
}

.n-slider-vertical .n-label
{
    left: 120%;
    display: block;
    text-align: left;
}

.n-slider-vertical .n-last .n-label
{
    top: -0.5em;
}

.n-slider-vertical .n-first .n-label
{
    bottom: -0.5em;
}

.n-slider-vertical .n-slider-topleft .n-label
{
    left: auto;
    right: 120%;
}

/* Tooltip */

.n-tooltip
{
    position: absolute;
    z-index: 10002;
    border-style: solid;
    border-width: 2px;
    padding: 4px 5px;
    background-repeat: repeat-x;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    min-width: 10px; /*slider tooltip only*/
    text-align: center; /*slider tooltip only*/
}

.n-callout
{
    position: absolute;
}

.n-callout-n,
.n-callout-s
{
	width: 10px;
	height: 5px;
}

.n-callout-w,
.n-callout-e
{
	width: 5px;
	height: 10px;
}

.n-callout-n
{
	top: -7px;
	left: 50%;
	margin-left: -5px;
	background-position: -64px -368px;
}

.n-callout-w
{
	top: 50%;
	left: -7px;
	margin-top: -5px;
	background-position: -64px -384px;
}

.n-callout-s
{
	top: 100%;
	left: 50%;
	margin-top: 2px;
	margin-left: -5px;
	background-position: -64px -400px;
}

.n-callout-e
{
	top: 50%;
	left: 100%;
	margin-top: -5px;
	margin-left: 2px;
	background-position: -64px -416px;
}

/* Splitter */

.n-splitter
{
    position: relative;
    height: 300px;
}

.n-splitter .n-pane
{
    overflow: hidden;
}

.n-splitter .n-scrollable
{
    overflow: auto;
}

.n-splitter .n-pane-loading
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
}

.n-ghost-splitbar,
.n-splitbar
{
    position: absolute;
    border-style: solid;
    font-size: 0;
}

.n-splitter .n-ghost-splitbar-horizontal,
.n-splitter .n-splitbar-horizontal
{
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y;
}

.n-ghost-splitbar-vertical,
.n-splitbar-vertical
{
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x;
}

.n-splitbar-draggable-horizontal
{
    cursor: w-resize;
}

.n-splitbar-draggable-vertical
{
    cursor: n-resize;
}

.n-splitbar .n-resize-handle
{
    display: none;
}

.n-restricted-size-horizontal,
.n-restricted-size-vertical
{
    background-color: #f00;
}

.n-splitbar-horizontal .n-icon
{
    position: absolute;
    top: 50%;
    width: 5px;
    height: 21px;
    margin-top: -10px;
}

.n-collapse-prev, .n-collapse-next,
.n-expand-prev, .n-expand-next { cursor: pointer; }

.n-splitbar-horizontal .n-collapse-prev { margin-top: -31px; }
.n-splitbar-horizontal .n-collapse-next { margin-top: 11px; }

.n-splitbar-vertical .n-icon
{
    position: absolute;
    left: 50%;
    width: 21px;
    height: 5px;
    margin-left: -10px;
}

.n-splitbar-vertical .n-collapse-prev { margin-left: -31px; }
.n-splitbar-vertical .n-collapse-next { margin-left: 11px; }

.n-splitbar-draggable-vertical .n-resize-handle,
.n-splitbar-draggable-horizontal .n-resize-handle
{
    display: inline-block;
}

.n-splitbar-horizontal { background-position: 5px 0; }
.n-splitbar-horizontal-hover { background-position: -12px 0; }
.n-splitbar-horizontal-active,
.n-ghost-splitbar-horizontal { background-position: -17px 0; }
.n-restricted-size-horizontal { background-position: -22px 0; }
.n-splitbar-horizontal .n-resize-handle { background-position: -10px -496px; }
.n-splitbar-horizontal-hover .n-resize-handle { background-position: -10px -517px; }
.n-splitbar-horizontal .n-collapse-prev,
.n-splitbar-horizontal .n-expand-next { background-position: 0 -496px; }
.n-splitbar-horizontal-hover .n-collapse-prev,
.n-splitbar-horizontal-hover .n-expand-next { background-position: 0 -517px; }
.n-splitbar-horizontal .n-collapse-next,
.n-splitbar-horizontal .n-expand-prev { background-position: -5px -496px; }
.n-splitbar-horizontal-hover .n-collapse-next,
.n-splitbar-horizontal-hover .n-expand-prev { background-position: -5px -517px; }

.n-splitbar-vertical { background-position: 0 5px; }
.n-splitbar-vertical-hover { background-position: 0 -476px; }
.n-splitbar-vertical-active,
.n-ghost-splitbar-vertical { background-position: 0 -481px; }
.n-restricted-size-vertical { background-position: 0 -486px; }
.n-splitbar-vertical .n-resize-handle { background-position: -16px -496px; }
.n-splitbar-vertical-hover .n-resize-handle { background-position: -16px -501px; }
.n-splitbar-vertical .n-collapse-prev,
.n-splitbar-vertical .n-expand-next { background-position: -16px -506px; }
.n-splitbar-vertical-hover .n-collapse-prev,
.n-splitbar-vertical-hover .n-expand-next { background-position: -16px -517px; }
.n-splitbar-vertical .n-collapse-next,
.n-splitbar-vertical .n-expand-prev { background-position: -16px -511px; }
.n-splitbar-vertical-hover .n-collapse-next,
.n-splitbar-vertical-hover .n-expand-prev { background-position: -16px -522px; }

/* Upload */

html .n-upload
{
    position: relative;
    border-width: 0;
    background: none;
}

.n-dropzone,
.n-upload-files
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.n-dropzone em,
.n-upload-button
{
    vertical-align: middle;
}

*+html .n-dropzone em, *+html .n-upload-button { vertical-align: baseline; }

.n-dropzone
{
    border-style: solid;
    border-width: 0;
    padding: 4px;
    background-color: transparent;
}

.n-dropzone em
{
    visibility: hidden;
    margin-left: .6em;
}

.n-dropzone-active
{
    border-width: 1px;
    padding: 3px;
}

.n-dropzone-active em
{
    visibility: visible;
}

.n-upload-button
{
    position: relative;
    width: 86px;
    overflow: hidden !important; /* important required by IE7 */
    direction: ltr;
}

.n-upload-button input
{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font: 500px monospace !important; /* critical for correct operation */
    filter: alpha(opacity=0);
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.n-upload-files
{
    border-style: solid;
    border-width: 1px;
    margin: .2em 0 0;
    padding: .3em .7em .5em;
    line-height: 1.9em;
}

.n-upload-files .n-button
{
    position: relative;
    top: 1px;
    margin-left: 8px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 84%;
}

*+html .n-upload-files .n-button{line-height: 1;} /*IE7*/

.n-upload .n-delete,
.n-upload .n-cancel,
.n-upload .n-retry
{
    height: 8px;
    vertical-align: baseline;
}

.n-upload .n-delete,
.n-upload .n-cancel
{
    width: 7px;
    background-position: -68px -260px;
}

.n-retry { background-position: -66px -228px; width: 11px; }
.n-success { background-position: -64px -240px; }
.n-fail { background-position: -64px -256px; }

.n-filename
{
    position: relative;
    display: inline-block;
    min-width: 120px;
    vertical-align: middle;
}

.n-progress,
.n-progress-status
{
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 118px;
    height: 2px;
    border-style: solid;
    border-width: 1px;
    background-repeat: repeat-x;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.n-progress
{
    background-position: 0 -464px;
}

.n-progress-status
{
    left: -1px;
    bottom: -1px;
    width: 50%;
    background-position: 0 -472px;
}

.n-upload-selected
{
    min-width: 86px;
    margin: 3px 0 0;
    
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}
*+html .n-upload-selected { min-width: 100px; }

/* ImageBrowser */

.n-toolbar-wrap .n-dropzone em,
.n-toolbar-wrap .n-upload-files
{
    display: none;
}

.n-toolbar-wrap .n-dropzone
{
    border: 0;
    padding: 0;
    background-color: transparent;
}

.n-search-wrap
{
    position: relative;
    float: right;
    width: auto;
    padding: 0;
}

.n-search-wrap label
{
    position: absolute;
    top: 0;
    left: 4px;
    line-height: 20px;
    font-style: italic;
}

.n-search-wrap input.n-input
{
    width: 158px;
    padding-left: 0;
    padding-right: 0;
}

.n-search
{
    background-position: -64px -176px;
}

.n-search-wrap .n-search
{
    position: absolute;
    top: 1px;
    right: 2px;
}

.n-breadcrumbs
{
    position: relative;
    float: left;
    width: 560px;
}

.n-breadcrumbs-wrap
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding-left: 5px;
    line-height: 18px;
}

html input.n-breadcrumbs-input
{
    width: 100%;
    padding-left: 2px;
    font-family: inherit;
}

.n-breadcrumbs .n-link,
.n-breadcrumbs-wrap .n-icon
{
    margin-top: 0;
    text-decoration: none;
    vertical-align: middle;
}

.n-breadcrumbs .n-link:hover
{
    text-decoration: underline;
}

.n-imagebrowser .n-breadcrumbs .n-first
{
    text-decoration: none;
    cursor: default;
}

.n-imagebrowser .n-toolbar
{
    clear: both;
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: 2px 0 3px;
    background-repeat: repeat-x;
    line-height: 23px;
    white-space: nowrap; /*required by WebKit*/
}

.n-imagebrowser .n-upload
{
    float: left;
}

.n-imagebrowser .n-upload-button
{
    width: auto;
    vertical-align: top;
}

.n-imagebrowser .n-upload .n-icon
{
    vertical-align: bottom;
}

*+html .n-imagebrowser .n-upload-button, *+html .n-imagebrowser .n-upload .n-icon { vertical-align: baseline; position: relative; top: 1px; }

*+html .n-imagebrowser .n-upload .n-icon { top: 2px; }

*+html .n-imagebrowser .n-toolbar .n-button-icon { vertical-align: middle; }

.n-addfolder
{
    background-position: -64px -192px;
}

.n-goup
{
    background-position: -64px -208px;
}

.n-toolbar .n-state-disabled
{
    filter: alpha(opacity=50);
    opacity: .5;
}

.n-toolbar-wrap
{
    float: left;
}

.n-tiles-arrange
{
    float: right;
}

.n-tiles-arrange .n-arrow-down
{
    margin: 0 2px 0 3px;
}

.n-tiles-arrange a
{
    text-decoration: none;
}

.n-tiles
{
    clear: both;
    height: 390px;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0;
    margin: 0 0 1.4em;
    padding: 9px;
    overflow: auto;
    line-height: 1.2;
}

.n-tile
{
    float: left;
    width: 223px;
    height: 88px;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin: 1px;
    padding: 0 0 4px;
    background-position: 0 100px;
    background-repeat: repeat-x;
    cursor: pointer;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.n-tiles li.n-state-hover,
.n-tiles li.n-state-selected
{
    background-position: 0 center;
}

.n-imagebrowser .n-thumb
{
    float: left;
    display: inline;
    width: 86px;
    height: 86px;
    margin: 4px 10px 0 4px;

    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.n-imagebrowser .n-image
{
    margin: 2px 0 0 2px;
}

.n-imagebrowser .n-folder
{
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat;
}

.n-goback
{
    background-position: -64px -224px;
}

.n-imagebrowser .n-loading
{
    margin: 35px 0 0 33px;
}

.n-tile strong,
.n-tile input
{
    margin: 10px 0 4px;
    font-weight: normal;
}

.n-tile strong
{
    float: left;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.n-tile input
{
    width: 100px;
}

.n-tile em,
.n-tile .n-filesize
{
    clear: left;
    font-weight: normal;
    font-style: normal;
}

.n-tile strong,
.n-tile input,
.n-tile em,
.n-tile .n-filesize
{
    display: block;
}

.n-imagebrowser .n-form-text-row input
{
    width: 628px;
}

.n-tile-empty
{
    margin: 160px 0 0;
}

.n-tile-empty .n-dialog-upload
{
    font-weight: bold;
    font-size: 120%;
}

.n-tile-empty strong
{
    display: block;
    margin: 0 0 0.2em;
    font-size: 3em;
    font-weight: normal;
}

.n-tile-empty,
.n-tile-empty .n-button-wrapper
{
    text-align: center;
}

/* Chart */

div.n-chart
{
    border: none;
    background-color: transparent;
}

/* IE7 inline-block behavior */

*+html .n-button,

*+html .n-grid-filter,
*+html .n-grid .n-pager,
*+html .n-grid .n-status-text,
*+html .n-pager .n-numeric,
*+html .n-pager .n-page-i-of-n,
*+html .n-pager .n-link,
*+html .n-pager span,
*+html .n-pager input,
*+html .n-pager .n-page-size,
*+html .n-grouping-row p,
*+html .n-grouping-header a,
*+html .n-grouping-header .n-group-indicator,
*+html .n-grouping-header .n-link,
*+html .n-grouping-header .n-button,
*+html .n-grid-actions,

*+html .n-combobox,
*+html .n-dropdown,
*+html .n-selectbox,
*+html .n-picker-wrap .n-select,
*+html .n-dropdown-wrap .n-select,

*+html div.n-numerictextbox,
*+html .n-numerictextbox .n-link,

*+html .n-timepicker,
*+html .n-datepicker,
*+html .n-datetimepicker,
*+html .n-calendar,
*+html .n-calendar .n-nav-fast,

*+html .n-treeview .n-icon,
*+html .n-treeview .n-image,
*+html .n-treeview .n-sprite,
*+html .n-treeview .n-in,

*+html .n-colorpicker,
*+html .n-colorpicker .n-tool-icon,
*+html .n-colorpicker-popup .n-reset,

*+html .n-editor-dialog .n-button,

.n-form-text-row label,

*+html .n-tabstrip-items .n-item,
*+html .n-tabstrip-items .n-link,

*+html .n-slider-horizontal,

*+html .n-splitbar-draggable-vertical .n-resize-handle,
*+html .n-splitbar-draggable-horizontal .n-resize-handle,

*+html div.n-window,
*+html .n-window-titlebar .n-window-action

{ display: inline; zoom: 1; }
